const webpack = require("webpack");
const htmlWebpackPlugin = require("html-webpack-plugin");
const path = require('path');
module.exports = {
	/*
	 * map设置，方便查看，此项还有待了解
	 */
	devtool:"#eval-source-map",
	/*
	 * 入口文件，建议使用对象的形式，方便扩展
	 * 只有一个文件的时候可以直接是entry:"./src/main.js";
	 */
	entry:{
		main:"./src/main.js",
		login:"./src/login.js"
	},
	/*
	 * 输出的设置
	 */
	output:{
		path:path.resolve(__dirname,"dist"),	/*打包输出的路径设置*/
		/*
		 * 打包输出的文件名称，[name]代表入口文件的名称组成的数组，
		 * 如果是单个入口文件的话，可以直接写你想要输出的文件名字
		 * 此设置打包输出的结果为main.bundle.js,login.bundle.js两个文件
		 */
		filename:"[name].bundle.js",
		publicPath:""
	},
	module:{
		loaders:[
			{test: /\.html$/, loader: "raw-loader"},
			{test: /\.css$/,loader:"style-loader!css-loader"},
			{test: /\.(png|jpg)/,loader:"url-loader?limit=10000&name=src/img/[name].[ext]"},
			{test: /\.scss$/,loader:"style-loader!css-loader!sass-loader"},
			{test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: "file-loader"},
            {test: /\.(woff|woff2)$/, loader:"url-loader?prefix=font/&limit=5000"},
            {test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: "url-loader?limit=10000&mimetype=application/octet-stream"},
            {test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: "url-loader?limit=10000&mimetype=image/svg+xml"}
		]
	},
	plugins:[
		new webpack.ProvidePlugin({					/*全局引入插件*/
			$:"jquery",
			jQuery:"jquery",
			"window.jQuery":"jquery"
		}),
		new webpack.BannerPlugin('author:yby'),		/*在打包后的文件头部增加注释信息*/
		
		/*
		 * html模板
		 */
		new htmlWebpackPlugin({
			filename:"index.html",					/*根据模板打包后的文件名*/
			template:"index.html",					/*html模板文件*/
			inject:"body",							/*把打包后的js代码插入在新html中的body内部；可以为head*/
			chunks:["main"]							/*要插入的打包后的就是文件*/
		}),
		new htmlWebpackPlugin({
			filename:"login.html",
			template:"login.html",
			inject:"body",
			chunks:["login"]
		})
	]
}
